<!DOCTYPE HTML>
<html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    	<title>Adicionar nova Tarefa</title>
        <link type="text/css" rel="stylesheet" href="add_tarefa.css" />
		<script>
        function check(input) {
          if (input.value != document.getElementById('email_addr').value) {
            input.setCustomValidity('The two email addresses must match.');
          } else {
            // input is valid -- reset the error message
            input.setCustomValidity('');
          }
        }
        </script>
    </head>

    <body>
    	
		<div class="cabecalho-container">
            <header class="wrapper clearfix">
                <h1 class="titulo">EasyKanban</h1>
                
            </header>
        </div> 
   		
        <div id="form-container">
        
            <form oninput="total.value = (nights.valueAsNumber * 99) + ((guests.valueAsNumber - 1) * 10)">
                
                <label>Título:</label>
                <input type="text" id="titulo" name="titulo" size="60" placeholder="Tarefa 1" required>
                
                
                <label>Descrição:</label>
                <textarea id="descricao" rows="6" maxlength="250" cols="50" name="descricao" placeholder="Pequena descrição sobre a tarefa" required></textarea> 
                
                <label>Prazo:</label>
                <input type="date" id="prazo" name="prazo" required>
                
                <label>Cor:</label>
                <input type="color" id="color" name="color" required>
                
                <label>Prioridade:</label>
                <select id="prioridade" class="combobox" required>
                    <option value="Baixa">Baixa</option>
                    <option selected="selected" value="Normal">Normal</option>
                    <option value="Alta">Alta</option>
                </select>
                
                
                <label>Alocado para:</label>
                <select id="prioridade" class="combobox" required>
    
                </select>
    
                
                <br/>
                <input type="submit" value="Add-Tarefa" /> 
            </form>
         	</div>
   </body>
</html>
